<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title></title>
  <script src="js/jquery-3.2.0.min.js"></script>
  
  <style>
  	.aaa{
  		width: 100%;
  		height: 50px;
  		background: orange;
  	}
  </style>
  
</head>
<body>
	<hr />
	<hr />
	<hr />
	<hr />
	<hr />
	<hr />
	<hr />
	<hr />
	<hr />
	<hr />
	<hr />
	<hr />
	<hr />
	<hr />
	<div class="aaa">div高度50px，上面空白高度150px</div>
	<hr /><hr /><hr /><hr /><hr /><hr /><hr /><hr /><hr /><hr /><hr /><hr /><hr /><hr /><hr /><hr />
	<hr /><hr /><hr /><hr /><hr /><hr /><hr /><hr /><hr /><hr /><hr /><hr /><hr /><hr /><hr /><hr />
	<hr /><hr /><hr /><hr /><hr /><hr /><hr /><hr /><hr /><hr /><hr /><hr /><hr /><hr /><hr /><hr />
	<hr /><hr /><hr /><hr /><hr /><hr /><hr /><hr /><hr /><hr /><hr /><hr /><hr /><hr /><hr /><hr />
	<hr /><hr /><hr /><hr /><hr /><hr /><hr /><hr /><hr /><hr /><hr /><hr /><hr /><hr /><hr /><hr />
	<hr /><hr /><hr /><hr /><hr /><hr /><hr /><hr /><hr /><hr /><hr /><hr /><hr /><hr /><hr /><hr />
	<hr /><hr /><hr /><hr /><hr /><hr /><hr /><hr /><hr /><hr /><hr /><hr /><hr /><hr /><hr /><hr />
	<hr /><hr /><hr /><hr /><hr /><hr /><hr /><hr /><hr /><hr /><hr /><hr /><hr /><hr /><hr /><hr />
	<hr /><hr /><hr /><hr /><hr /><hr /><hr /><hr /><hr /><hr /><hr /><hr /><hr /><hr /><hr /><hr />
	<hr /><hr /><hr /><hr /><hr /><hr /><hr /><hr /><hr /><hr /><hr /><hr /><hr /><hr /><hr /><hr />
	<hr /><hr /><hr /><hr /><hr /><hr /><hr /><hr /><hr /><hr /><hr /><hr /><hr /><hr /><hr /><hr />
	

	<script>
	    	$(window).scroll(function(){
	    		$('.aaa').each(function(){
	    			st=$(window).scrollTop();            /*屏幕以滚动的高*/
	    			
	    			if(st>=150){                    /*提前200px就运行*/
	    				$('.aaa').css('position','fixed').css('top','0')
	    			}else{
	    				$('.aaa').css('position','static')
	    			}
	    		})
	    	})
	    </script>	
	    
</body>
</html>
